<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--
http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?scope=103&format=json&appid=379020&bk_key=
 参数：
 scope 103
 format json
 appid 379020
 bk_key 关键字
 bk_lenght  600


-->
<input type="text" placeholder="请输入要搜索的信息内容"/>
<button id="btn">点击请求数据</button>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
    $(function(){
        $("#btn").click(function(){
            var txt=$("input").val();
            $.ajax({
                url:"http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?callback=?",
                type:"get",
                data:{scope:"103",format:"json",
                appid:"379020",bk_key:txt,bk_length:"600"},
                //若果datatype设置成jsonp那么ajax方法，会在url的后面自动添加callback参数，如果设置成json那必须在url后面添加callback参数，才能跨域。
                dataType:"jsonp",
                success:function(data){
                    console.log(data)
                },
                error:function(msg){
                    alert(msg);
                }
            })
        })
    })
</script>

</body>
</html>